<!DOCTYPE html>
<html lang="en">

    <head>
        <title><?=ucfirst($page)?> | <?=$title?></title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">

        <link rel="stylesheet" href="<?=base_url(); ?>assets/css/bootstrap.css" />
        <style>
            body {
                /*padding-top: 60px;*/ /* 60px to make the container go all the way to the bottom of the topbar */
            } 
        </style>
        <link rel="stylesheet" href="<?=base_url(); ?>assets/css/bootstrap-responsive.css">
        <link rel="stylesheet" href="<?=base_url(); ?>assets/css/style.css">

        <!-- VARS to JS -->
        <script type="text/javascript">
            var base_url = '<?=base_url()?>';
            var site_url = '<?=site_url()?>';
            var page = '<?=$page?>';

        </script> 

        <script type="text/javascript" src="<?=base_url(); ?>assets/js/jquery-1.7.1.min.js"></script>
        <script type="text/javascript" src="<?=base_url(); ?>assets/js/bootstrap.js"></script>
        <script type="text/javascript" src="<?=base_url(); ?>assets/js/jquery.validate.js"></script>

        <!--TINY MCE EDITOR-->
        <script src="<?=base_url()?>assets/js/qtrans/editor.js" type="text/javascript"></script>
        <script src="<?=base_url()?>assets/js/tinymce/tiny_mce.js" type="text/javascript"></script>
        <script type="text/javascript">

            tinyMCE.init({

                    mode : "textareas",
                    theme : "advanced",
                    plugins : "lists,inlinepopups,paste,directionality,xhtmlxtras",
                    theme_advanced_buttons1 : "bold,italic,underline,strikethrough,|,justifyleft,justifycenter,justifyright,justifyfull,|,bullist,outdent,indent,|,undo,redo,|,link,unlink,anchor,image,cleanup",
                    theme_advanced_buttons2 : "",
                    theme_advanced_buttons3 : "",
                    theme_advanced_toolbar_location : "top",
                    theme_advanced_toolbar_align : "left",
                    theme_advanced_statusbar_location : "bottom",
                    theme_advanced_resizing : false,
                    content_css : base_url+"assets/js/tinymce/themes/advanced/skins/default/custom_content.css",
                    relative_urls:false,
                    remove_script_host:false,
                    convert_urls:false,
                    remove_linebreaks:true,
                    gecko_spellcheck:true,
                    keep_styles:false,
                    entities:"38,amp,60,lt,62,gt",
                    accessibility_focus:true,
                    tabfocus_elements:"major-publishing-actions",
                    media_strict:false,
                    paste_remove_styles:true,
                    paste_remove_spans:true,
                    paste_strip_class_attributes:"all",
                    paste_text_use_dialog:true,
                    extended_valid_elements:"article[*],aside[*],audio[*],canvas[*],command[*],datalist[*],details[*],embed[*],figcaption[*],figure[*],footer[*],header[*],hgroup[*],keygen[*],mark[*],meter[*],nav[*],output[*],progress[*],section[*],source[*],summary,time[*],video[*],wbr",
                    wpeditimage_disable_captions:false,
                    plugins:"inlinepopups,spellchecker,tabfocus,paste,media",
                    content_css:base_url+"assets/css/editor-style.css",elements:"content",
                    wpautop:true,
                    apply_source_formatting:false,
                    theme_advanced_buttons1:"bold,italic,strikethrough,|,bullist,numlist,blockquote,|,justifyleft,justifycenter,justifyright,|,link,unlink,wp_more,|,spellchecker,wp_fullscreen,wp_adv,separator",
                    theme_advanced_buttons2:"formatselect,underline,justifyfull,forecolor,|,pastetext,pasteword,removeformat,|,charmap,|,outdent,indent,|,undo,redo,wp_help",
                    theme_advanced_buttons3:"",
                    theme_advanced_buttons4:""

            });
        </script>

        <link media="all" type="text/css" href="<?=base_url();?>assets/css/editor-buttons.css" id="editor-buttons-css" rel="stylesheet">

        <link href="<?=base_url()?>assets/css/qtrans.css" rel="stylesheet" type="text/css">  

    </head>

    <body>

        <?=$this->load->view('_nav');?>

        <div style="padding-top: 100px;"></div>

        <?php echo $template['body']; ?>

        <div class="container"><div id="footer"><p>&copy; 2012 NU SIT Bar - ACCOMMODATIONS PRO </p></div></div>

        <!--<div class="modal hide" id="myModal">
        <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal">×</button>
        <h3>Pregled vlasnika</h3>
        </div>
        <div class="modal-body">
        <p>One fine body</p>
        </div>
        <div class="modal-footer">
        <a href="#" class="btn" data-dismiss="modal">Close</a>
        <a id="edit_from_modal" href="#" class="btn btn-primary">Edit owner</a>
        </div>
        </div>-->
        <style type="text/css">
            .button.bClose {
                border-radius: 7px 7px 7px 7px;
                box-shadow: none;
                font: bold 131% sans-serif;
                padding: 0 6px 2px;
                position: absolute;
                right: -7px;
                top: -7px;
                z-index:10
            }
            .button {
                background-color: #666;
                border-radius: 10px 10px 10px 10px;
                box-shadow: 0 2px 3px rgba(0, 0, 0, 0.3);
                color: #FFFFFF;
                cursor: pointer;
                display: inline-block;
                padding: 10px 20px;
                text-align: center;
                text-decoration: none;
                z-index:10
            }
            .button > span {
                font-size: 84%;
            }
            #bpopup{
                width: 600px !important;
                height: 450px !important;
                display: none;
                padding: 10px 20px;
                background: #FFF;
            }

        </style>
        <div id="bpopup">
            <span class="button bClose"><span>X</span></span>
            <div class="modal-header"><h3>Naslov forme</h3></div>
            <div id="bpopup_content">

            </div>

        </div>
        <script src="https://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/jquery-ui.min.js"></script>
        <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.17/themes/redmond/jquery-ui.css" />
        <script src="<?=base_url()?>assets/js/init.js" type="text/javascript"></script>

    </body>

</html>
